@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif, '微軟正黑體'; background:#bc0a0e;}

p{ margin:0; padding:0; vertical-align:middle;}

a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{ border:0;}
.cl{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.divout{ background: url(images/bg.gif) repeat-x left top; width:100%; min-height:800px;}

.header{ width:995px; height:441px; position:relative; margin:0 auto;}
.header img{ display:inline-block;}
.admovie{ position:absolute; top:315px; left:757px; width:184px; height:103px;}

.hmenu{ width:995px; height:40px; background:url(images/hmenu.gif); margin:0 auto; position:relative;}

.hmenu a{  height:40px; display: block; background:url(images/menuOver.gif) no-repeat; position:absolute; top:0;}

.hmenu a.a1{ background-position:0px 40px; width:146px; left:301px;}
.hmenu a.a2{ background-position:0px 40px; width:141px; left:461px;}
.hmenu a.a3{ background-position:0px 40px; width:126px; left:614px;}
.hmenu a.a4{ background-position:0px 40px; width:130px; left:751px;}

.hmenu a:hover.a1{ width:175px; left:289px;  background-position:-4px 0px;}
.hmenu a:hover.a2{ width:167px; left:448px;  background-position:-163px -40px;}
.hmenu a:hover.a3{ width:150px; left:601px;  background-position:-316px -80px;}
.hmenu a:hover.a4{ width:152px; left:738px;  background-position:-453px -120px;}

.belt{ background:url(images/event1.gif); width:995px; height:46px; margin:0 auto;}

.content{ width:995px; margin:0 auto;}

.tu, .sh, .ush{ background:url(images/contentborder_body.gif) repeat-y 0px top; width:925px; padding:15px 35px;}

.tu p{ width:860px; margin:0 auto;}
img.contentfooter{ margin:0 0 10px; }


a.cooklink{ width:220px; height:325px; display:block; float:left; margin:0 30px; font-size:12pt; color:#000; line-height:20pt; position:relative;}

span.avatar{ display:block; float:left; background:url(images/picbg.gif) no-repeat; padding:6px 10px 15px 10px; margin:0 5px 0 0; vertical-align: middle;}
img.avatar{  border: solid 1px #999;  }

img.foodpic{ display:block; background:url(images/picbg2.gif) no-repeat; padding:15px 14px 21px 12px; margin:10px auto 0;}

img.gobtn{ position:absolute; right:-15px; top:60px;}

.sharecook{ width:222px; min-height:240px; float:left; padding:0 0 10px 0; margin:0 7px 0 0; position:relative;}

a.takelook{background:url(images/RecipePicbg.gif) no-repeat center top; display:block; width:182px; height:185px; overflow:hidden; padding:16px 13px 0 27px; text-align:center; line-height:40px; color:#ff7800; font-weight:700; font-size:11pt; }

a.takelook img{ display:block; border:solid 1px #888;}
a:hover.takelook img{ border:solid 1px #ff7800;}

.sharecook p{ display:block; clear:both; height:30px; padding:5px 15px; line-height:30px; font-size:11pt;}

.sharecook p span.view, .sharecook p span.like{ float:right; display:block; line-height:30px; margin:0 5px; padding:0 0 0 20px;}

.tu p span.like, .tu p span.view{  display:inline-block; width:30px; line-height:30px; margin:0 5px; padding:0 0 0 20px;}
.sharecook p span.view, .tu p span.view{ background:url(images/icon1.gif) no-repeat left 8px; }

.sharecook p span.like, .tu p span.like{ background:url(images/icon2.gif) no-repeat left 8px;}

.sharecook p a img{ border:solid 1px #999;}

a.likebtn img{ display:block; margin:5px  auto 0;}

p.pageNum{ padding:10px 5px; text-align:center; color:#9d9b9b; font-size:8.5pt; }
p.pageNum a{ display:inline-block; padding:3px 0px 0px; margin:0 4px; color:#9d9b9b;  line-height:20px;}
p.pageNum a img{ vertical-align:middle;}
p.pageNum a:hover, p.pageNum a.on{ color:#bd62bb; font-weight:700;}


.adbanner{ background:url(images/footbg.jpg); width:100%; text-align:center; padding:30px 0;}

.winnericon{ position:absolute; top:-15px; right:-7px;}

.red{ color:#c40404;}

.desc{ font-size:9pt; line-height:14pt; display:block; padding:0 5px; text-align:justify;}

.all{ width:978px; margin:0 auto;}

.forms1{ width:800px; margin:0 auto;}
.forms{ background:url(images/forms_07.gif) repeat-y left top; padding:5px 0;}
.forms ul{ width:540px; height:60px; margin:0 auto; padding:20px 30px; border-bottom:solid 2px #ba110f; border-top:solid 2px #ba110f; list-style:none; font-size:12pt; color:#4a4a4a; font-weight:700;}
.forms ul li{ float:left; display:block; width:270px; line-height:25px; padding:0 0 5px 0;}
.forms ul li span{ display:inline-block; width:70px; text-align:center; }
.forms ul li input{ width:160px; height:20px; border:solid 1px #aeaeae; font-size:9pt; line-height:20px; padding:0 0 0 5px;}

p.applybtnset{text-align:center; padding:30px 20px 10px;}
p.applybtnset a img{ margin:0 15px;}

/*活動辦法*/
.borderset01{ width:978px; height:1173px; background:url(images/rules.jpg);}
.closebtn{ position:absolute; top:35px; left:910px; width:26px; height:26px;}

/*通路訊息*/
.borderset02{ width:978px; height:635px; background:url(images/news.jpg);}
.closebtn{ position:absolute; top:35px; left:910px; width:26px; height:26px;}

/*料理小幫手*/
.belt1{ background:url(images/event2.gif); width:995px; height:46px; margin:0 auto;}